﻿<!DOCTYPE html>
<html>
  <head>
    <title>输入框</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/输入框/styles.css" type="text/css" rel="stylesheet"/>
    <style type="text/css">
@font-face {
font-family:Ionicons;
src:url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.svg#Ionicons) format("svg");
font-weight:400;
font-style:normal
}
    </style>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/输入框/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (Header) -->

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u3398" class="ax_default">
        <div id="u3398_state0" class="panel_state" data-label="State1" style="">
          <div id="u3398_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u3399" class="ax_default box_2">
              <div id="u3399_div" class=""></div>
              <div id="u3399_text" class="text ">
                <p><span>&nbsp; 返回顶部</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u3400" class="ax_default paragraph">
              <div id="u3400_div" class=""></div>
              <div id="u3400_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- header (Dynamic Panel) -->
      <div id="u3401" class="ax_default" data-label="header">
        <div id="u3401_state0" class="panel_state" data-label="State1" style="">
          <div id="u3401_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u3402" class="ax_default box_1">
              <div id="u3402_div" class=""></div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u3403" class="ax_default">
              <div id="u3403_state0" class="panel_state" data-label="State1" style="">
                <div id="u3403_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3404" class="ax_default box_1">
                    <div id="u3404_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3405" class="ax_default box_1">
                    <div id="u3405_div" class=""></div>
                    <div id="u3405_text" class="text ">
                      <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">资源下载</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3406" class="ax_default box_1">
                    <div id="u3406_div" class=""></div>
                    <div id="u3406_text" class="text ">
                      <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">使用说明</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Image) -->
                  <div id="u3407" class="ax_default image">
                    <img id="u3407_img" class="img " src="images/index/u10.png"/>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3408" class="ax_default box_1">
                    <img id="u3408_img" class="img " src="images/index/u11.png"/>
                    <div id="u3408_text" class="text ">
                      <p><span>&nbsp;iView Axure Library</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3409" class="ax_default box_1">
        <div id="u3409_div" class=""></div>
      </div>

      <!-- Unnamed (SideNav) -->

      <!-- Unnamed (Rectangle) -->
      <div id="u3411" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-fenzu-light">
        <div id="u3411_div" class=""></div>
        <div id="u3411_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">对话框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3412" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-fenzu-light">
        <div id="u3412_div" class=""></div>
        <div id="u3412_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">通知提醒</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3413" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-fenzu-light">
        <div id="u3413_div" class=""></div>
        <div id="u3413_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">全局提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3414" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-fenzu-light">
        <div id="u3414_div" class=""></div>
        <div id="u3414_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">警告提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3415" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-light">
        <div id="u3415_div" class=""></div>
        <div id="u3415_text" class="text ">
          <p><span>视图</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3416" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-fenzu-light">
        <div id="u3416_div" class=""></div>
        <div id="u3416_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">表单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3417" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-fenzu-light">
        <div id="u3417_div" class=""></div>
        <div id="u3417_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">颜色选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3418" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-fenzu-light">
        <div id="u3418_div" class=""></div>
        <div id="u3418_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">上传</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3419" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-fenzu-light">
        <div id="u3419_div" class=""></div>
        <div id="u3419_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">评分</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3420" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-fenzu-light">
        <div id="u3420_div" class=""></div>
        <div id="u3420_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">数字输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3421" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-fenzu-light">
        <div id="u3421_div" class=""></div>
        <div id="u3421_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">穿梭框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3422" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-fenzu-light">
        <div id="u3422_div" class=""></div>
        <div id="u3422_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">级联选择</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3423" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-fenzu-light">
        <div id="u3423_div" class=""></div>
        <div id="u3423_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">时间选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3424" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-fenzu-light">
        <div id="u3424_div" class=""></div>
        <div id="u3424_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">日期选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3425" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-fenzu-light">
        <div id="u3425_div" class=""></div>
        <div id="u3425_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">滑块</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3426" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-fenzu-light">
        <div id="u3426_div" class=""></div>
        <div id="u3426_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3427" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-fenzu-light">
        <div id="u3427_div" class=""></div>
        <div id="u3427_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">表格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3428" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-fenzu-light">
        <div id="u3428_div" class=""></div>
        <div id="u3428_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">开关</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3429" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-fenzu-light">
        <div id="u3429_div" class=""></div>
        <div id="u3429_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">多选框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3430" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-fenzu-light">
        <div id="u3430_div" class=""></div>
        <div id="u3430_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">单选框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3431" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-fenzu-light">
        <div id="u3431_div" class=""></div>
        <div id="u3431_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3432" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-light">
        <div id="u3432_div" class=""></div>
        <div id="u3432_text" class="text ">
          <p><span>表单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3433" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-fenzu-light">
        <div id="u3433_div" class=""></div>
        <div id="u3433_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">步骤条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3434" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-fenzu-light">
        <div id="u3434_div" class=""></div>
        <div id="u3434_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">锚点</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3435" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-fenzu-light">
        <div id="u3435_div" class=""></div>
        <div id="u3435_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">徽标数</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3436" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-fenzu-light">
        <div id="u3436_div" class=""></div>
        <div id="u3436_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">面包屑</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3437" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-fenzu-light">
        <div id="u3437_div" class=""></div>
        <div id="u3437_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">分页</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3438" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-fenzu-light">
        <div id="u3438_div" class=""></div>
        <div id="u3438_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">下拉菜单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3439" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-fenzu-light">
        <div id="u3439_div" class=""></div>
        <div id="u3439_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">标签页</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3440" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-fenzu-light">
        <div id="u3440_div" class=""></div>
        <div id="u3440_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">导航菜单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3441" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-light">
        <div id="u3441_div" class=""></div>
        <div id="u3441_text" class="text ">
          <p><span>导航</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3442" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-fenzu-light">
        <div id="u3442_div" class=""></div>
        <div id="u3442_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">单元格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3443" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-fenzu-light">
        <div id="u3443_div" class=""></div>
        <div id="u3443_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">分割线</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3444" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-fenzu-light">
        <div id="u3444_div" class=""></div>
        <div id="u3444_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">面板分割</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3445" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-fenzu-light">
        <div id="u3445_div" class=""></div>
        <div id="u3445_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">折叠面板</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3446" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-fenzu-light">
        <div id="u3446_div" class=""></div>
        <div id="u3446_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">卡片</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3447" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-fenzu-light">
        <div id="u3447_div" class=""></div>
        <div id="u3447_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">布局</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3448" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-fenzu-light">
        <div id="u3448_div" class=""></div>
        <div id="u3448_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">栅格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3449" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-light">
        <div id="u3449_div" class=""></div>
        <div id="u3449_text" class="text ">
          <p><span>布局</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3450" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-fenzu-light">
        <div id="u3450_div" class=""></div>
        <div id="u3450_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">图标</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3451" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-fenzu-light">
        <div id="u3451_div" class=""></div>
        <div id="u3451_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">按钮</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3452" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-fenzu-light">
        <div id="u3452_div" class=""></div>
        <div id="u3452_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">字体</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3453" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-fenzu-light">
        <div id="u3453_div" class=""></div>
        <div id="u3453_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">色彩</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3454" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-light">
        <div id="u3454_div" class=""></div>
        <div id="u3454_text" class="text ">
          <p><span>基础</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3455" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-light">
        <div id="u3455_div" class=""></div>
        <div id="u3455_text" class="text ">
          <p><span>组件</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3456" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-fenzu-light">
        <div id="u3456_div" class=""></div>
        <div id="u3456_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">资源下载</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3457" class="ax_default box_1 selected" selectiongroup="u3410nav-cebianlan-fenzu-light">
        <div id="u3457_div" class="selected"></div>
        <div id="u3457_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">使用说明</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3458" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-light">
        <div id="u3458_div" class=""></div>
        <div id="u3458_text" class="text ">
          <p><span>入门介绍</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3459" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-fenzu-light">
        <div id="u3459_div" class=""></div>
        <div id="u3459_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">抽屉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3460" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-fenzu-light">
        <div id="u3460_div" class=""></div>
        <div id="u3460_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">树形控件</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3461" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-fenzu-light">
        <div id="u3461_div" class=""></div>
        <div id="u3461_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">文字提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3462" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-fenzu-light">
        <div id="u3462_div" class=""></div>
        <div id="u3462_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">气泡提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3463" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-fenzu-light">
        <div id="u3463_div" class=""></div>
        <div id="u3463_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">进度条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3464" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-fenzu-light">
        <div id="u3464_div" class=""></div>
        <div id="u3464_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">头像</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3465" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-fenzu-light">
        <div id="u3465_div" class=""></div>
        <div id="u3465_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">标签</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3466" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-fenzu-light">
        <div id="u3466_div" class=""></div>
        <div id="u3466_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">走马灯</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3467" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-fenzu-light">
        <div id="u3467_div" class=""></div>
        <div id="u3467_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">时间轴</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3468" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-fenzu-light">
        <div id="u3468_div" class=""></div>
        <div id="u3468_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">相对时间</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3469" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-fenzu-light">
        <div id="u3469_div" class=""></div>
        <div id="u3469_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">进度环</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3470" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-fenzu-light">
        <div id="u3470_div" class=""></div>
        <div id="u3470_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">图钉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3471" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-fenzu-light">
        <div id="u3471_div" class=""></div>
        <div id="u3471_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">返回顶部</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3472" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-fenzu-light">
        <div id="u3472_div" class=""></div>
        <div id="u3472_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">加载中</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3473" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-fenzu-light">
        <div id="u3473_div" class=""></div>
        <div id="u3473_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">无限滚动</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3474" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-light">
        <div id="u3474_div" class=""></div>
        <div id="u3474_text" class="text ">
          <p><span>图表</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3475" class="ax_default box_1" selectiongroup="u3410nav-cebianlan-light">
        <div id="u3475_div" class=""></div>
        <div id="u3475_text" class="text ">
          <p><span>其他</span></p>
        </div>
      </div>

      <!-- Unnamed (Footer) -->

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u3477" class="ax_default">
        <div id="u3477_state0" class="panel_state" data-label="State1" style="">
          <div id="u3477_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u3478" class="ax_default box_1">
              <div id="u3478_div" class=""></div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u3479" class="ax_default">
              <div id="u3479_state0" class="panel_state" data-label="State1" style="">
                <div id="u3479_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3480" class="ax_default box_1">
                    <div id="u3480_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3481" class="ax_default label">
                    <div id="u3481_div" class=""></div>
                    <div id="u3481_text" class="text ">
                      <p><span>Axure组件库由 baozipm制作</span></p><p><span>UI与交互由iView团队设计</span></p><p><span>图标由Ionicon团队设计</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3482" class="ax_default label">
                    <div id="u3482_div" class=""></div>
                    <div id="u3482_text" class="text ">
                      <p><span>Contract Me</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u3483" class="ax_default" data-left="1" data-top="80" data-width="151" data-height="24">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u3484" class="ax_default label">
                      <div id="u3484_div" class=""></div>
                      <div id="u3484_text" class="text ">
                        <p><span>bosenger@qq.com</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u3485" class="ax_default paragraph">
                      <div id="u3485_div" class=""></div>
                      <div id="u3485_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3486" class="ax_default label">
                    <div id="u3486_div" class=""></div>
                    <div id="u3486_text" class="text ">
                      <p><span>Copyright</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3487" class="ax_default label">
                    <div id="u3487_div" class=""></div>
                    <div id="u3487_text" class="text ">
                      <p><span>BaoziPM</span></p><p><span>iView</span></p><p><span>Ionicon</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3488" class="ax_default label">
                    <div id="u3488_div" class=""></div>
                    <div id="u3488_text" class="text ">
                      <p><span>相关站点</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u3489" class="ax_default">
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u3490" class="ax_default">
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u3491" class="ax_default">
                  </div>

                  <!-- Unnamed (Image) -->
                  <div id="u3492" class="ax_default image">
                    <img id="u3492_img" class="img " src="images/index/u95.png"/>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3493" class="ax_default label">
                    <div id="u3493_div" class=""></div>
                    <div id="u3493_text" class="text ">
                      <p><span>版本号1.1</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3494" class="ax_default paragraph">
                    <div id="u3494_div" class=""></div>
                    <div id="u3494_text" class="text ">
                      <p><span>www.baozipm.com</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u3495" class="ax_default" data-left="0" data-top="106" data-width="154" data-height="24">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u3496" class="ax_default label">
                      <div id="u3496_div" class=""></div>
                      <div id="u3496_text" class="text ">
                        <p><span>www.baozipm.com</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u3497" class="ax_default paragraph">
                      <div id="u3497_div" class=""></div>
                      <div id="u3497_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u3498" class="ax_default" data-left="1" data-top="134" data-width="131" data-height="24">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u3499" class="ax_default label">
                      <div id="u3499_div" class=""></div>
                      <div id="u3499_text" class="text ">
                        <p><span>iView Axure Git</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u3500" class="ax_default paragraph">
                      <div id="u3500_div" class=""></div>
                      <div id="u3500_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3501" class="ax_default heading_1">
        <div id="u3501_div" class=""></div>
        <div id="u3501_text" class="text ">
          <p><span>Input 输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3502" class="ax_default heading_1">
        <div id="u3502_div" class=""></div>
        <div id="u3502_text" class="text ">
          <p><span>概述</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3503" class="ax_default label">
        <div id="u3503_div" class=""></div>
        <div id="u3503_text" class="text ">
          <p><span>基本表单组件，支持 input 和 textarea，并在原生控件基础上进行了功能扩展，可以组合使用。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3504" class="ax_default label">
        <div id="u3504_div" class=""></div>
        <div id="u3504_text" class="text ">
          <p><span>基础用法</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3505" class="ax_default label">
        <div id="u3505_div" class=""></div>
        <div id="u3505_text" class="text ">
          <p><span>由于Axure对于输入框样式的支持很弱，所以输入框使用形状和输入框联合实现。</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3506" class="ax_default" data-left="230" data-top="345" data-width="325" data-height="32">

        <!-- input-border (Rectangle) -->
        <div id="u3507" class="ax_default box_1" data-label="input-border">
          <div id="u3507_div" class=""></div>
        </div>

        <!-- Unnamed (Text Field) -->
        <div id="u3508" class="ax_default text_field">
          <input id="u3508_input" type="text" value=""/>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3509" class="ax_default label">
        <div id="u3509_div" class=""></div>
        <div id="u3509_text" class="text ">
          <p><span>尺寸</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3510" class="ax_default label">
        <div id="u3510_div" class=""></div>
        <div id="u3510_text" class="text ">
          <p><span>输入框有三种尺寸：大、默认（中）、小</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3511" class="ax_default" data-left="972" data-top="345" data-width="160" data-height="32">

        <!-- input-border (Rectangle) -->
        <div id="u3512" class="ax_default box_1" data-label="input-border">
          <div id="u3512_div" class=""></div>
        </div>

        <!-- Unnamed (Text Field) -->
        <div id="u3513" class="ax_default text_field">
          <input id="u3513_input" type="text" value=""/>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3514" class="ax_default" data-left="800" data-top="345" data-width="160" data-height="36">

        <!-- input-border (Rectangle) -->
        <div id="u3515" class="ax_default box_1" data-label="input-border">
          <div id="u3515_div" class=""></div>
        </div>

        <!-- Unnamed (Text Field) -->
        <div id="u3516" class="ax_default text_field">
          <input id="u3516_input" type="text" value=""/>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3517" class="ax_default" data-left="1142" data-top="345" data-width="160" data-height="24">

        <!-- input-border (Rectangle) -->
        <div id="u3518" class="ax_default box_1" data-label="input-border">
          <div id="u3518_div" class=""></div>
        </div>

        <!-- Unnamed (Text Field) -->
        <div id="u3519" class="ax_default text_field">
          <input id="u3519_input" type="text" value=""/>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3520" class="ax_default label">
        <div id="u3520_div" class=""></div>
        <div id="u3520_text" class="text ">
          <p><span>可清空</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3521" class="ax_default label">
        <div id="u3521_div" class=""></div>
        <div id="u3521_text" class="text ">
          <p><span>通过输入框的Onfocus事件制作的清空效果</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3522" class="ax_default" data-left="230" data-top="478" data-width="325" data-height="32">

        <!-- input-border (Rectangle) -->
        <div id="u3523" class="ax_default box_1" data-label="input-border">
          <div id="u3523_div" class=""></div>
        </div>

        <!-- Unnamed (Text Field) -->
        <div id="u3524" class="ax_default text_field">
          <input id="u3524_input" type="text" value=""/>
        </div>

        <!-- input-clear-btn (Ellipse) -->
        <div id="u3525" class="ax_default ellipse ax_default_hidden" data-label="input-clear-btn" style="display:none; visibility: hidden">
          <img id="u3525_img" class="img " src="images/输入框/input-clear-btn_u3525.png"/>
          <div id="u3525_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3526" class="ax_default label">
        <div id="u3526_div" class=""></div>
        <div id="u3526_text" class="text ">
          <p><span>带Icon的输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3527" class="ax_default label">
        <div id="u3527_div" class=""></div>
        <div id="u3527_text" class="text ">
          <p><span>可以在背景框中输入字符或图标来增加指示内容</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3528" class="ax_default" data-left="800" data-top="478" data-width="225" data-height="32">

        <!-- input-border (Rectangle) -->
        <div id="u3529" class="ax_default box_1" data-label="input-border">
          <div id="u3529_div" class=""></div>
          <div id="u3529_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Text Field) -->
        <div id="u3530" class="ax_default text_field">
          <input id="u3530_input" type="text" value=""/>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3531" class="ax_default label">
        <div id="u3531_div" class=""></div>
        <div id="u3531_text" class="text ">
          <p><span>前缀和后缀图标</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3532" class="ax_default label">
        <div id="u3532_div" class=""></div>
        <div id="u3532_text" class="text ">
          <p><span>通过设置背景边框左或右对齐并调整输入框位置来实现</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3533" class="ax_default" data-left="230" data-top="611" data-width="160" data-height="32">

        <!-- input-border (Rectangle) -->
        <div id="u3534" class="ax_default box_1" data-label="input-border">
          <div id="u3534_div" class=""></div>
          <div id="u3534_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Text Field) -->
        <div id="u3535" class="ax_default text_field">
          <input id="u3535_input" type="text" value=""/>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3536" class="ax_default" data-left="403" data-top="611" data-width="160" data-height="32">

        <!-- input-border (Rectangle) -->
        <div id="u3537" class="ax_default box_1" data-label="input-border">
          <div id="u3537_div" class=""></div>
          <div id="u3537_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Text Field) -->
        <div id="u3538" class="ax_default text_field">
          <input id="u3538_input" type="text" value=""/>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3539" class="ax_default label">
        <div id="u3539_div" class=""></div>
        <div id="u3539_text" class="text ">
          <p><span>搜索框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3540" class="ax_default label">
        <div id="u3540_div" class=""></div>
        <div id="u3540_text" class="text ">
          <p><span>在输入框的右边增加按钮，并调整圆角即可实现</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3541" class="ax_default" data-left="800" data-top="612" data-width="325" data-height="32">

        <!-- input-border (Rectangle) -->
        <div id="u3542" class="ax_default box_1" data-label="input-border">
          <div id="u3542_div" class=""></div>
        </div>

        <!-- Unnamed (Text Field) -->
        <div id="u3543" class="ax_default text_field">
          <input id="u3543_input" type="text" value=""/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3544" class="ax_default box_1">
          <img id="u3544_img" class="img " src="images/输入框/u3544.png"/>
          <div id="u3544_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3545" class="ax_default" data-left="800" data-top="654" data-width="368" data-height="32">

        <!-- Unnamed (Group) -->
        <div id="u3546" class="ax_default" data-left="800" data-top="654" data-width="325" data-height="32">

          <!-- input-border (Rectangle) -->
          <div id="u3547" class="ax_default box_1" data-label="input-border">
            <div id="u3547_div" class=""></div>
          </div>

          <!-- Unnamed (Text Field) -->
          <div id="u3548" class="ax_default text_field">
            <input id="u3548_input" type="text" value=""/>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3549" class="ax_default box_1">
          <div id="u3549_div" class=""></div>
          <div id="u3549_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3550" class="ax_default" data-left="800" data-top="696" data-width="392" data-height="32">

        <!-- Unnamed (Group) -->
        <div id="u3551" class="ax_default" data-left="800" data-top="696" data-width="325" data-height="32">

          <!-- input-border (Rectangle) -->
          <div id="u3552" class="ax_default box_1" data-label="input-border">
            <div id="u3552_div" class=""></div>
          </div>

          <!-- Unnamed (Text Field) -->
          <div id="u3553" class="ax_default text_field">
            <input id="u3553_input" type="text" value=""/>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3554" class="ax_default box_1">
          <div id="u3554_div" class=""></div>
          <div id="u3554_text" class="text ">
            <p><span>Search</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3555" class="ax_default" data-left="230" data-top="858" data-width="300" data-height="80">

        <!-- input-area-border (Rectangle) -->
        <div id="u3556" class="ax_default box_1" data-label="input-area-border">
          <div id="u3556_div" class=""></div>
        </div>

        <!-- Unnamed (Text Area) -->
        <div id="u3557" class="ax_default text_area">
          <textarea id="u3557_input"></textarea>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3558" class="ax_default label">
        <div id="u3558_div" class=""></div>
        <div id="u3558_text" class="text ">
          <p><span>文本域</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3559" class="ax_default label">
        <div id="u3559_div" class=""></div>
        <div id="u3559_text" class="text ">
          <p><span>Axure无法支持支持拖拽调整文本域大小的同时改变边框，所以调整大小的动效暂时不支持。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3560" class="ax_default label">
        <div id="u3560_div" class=""></div>
        <div id="u3560_text" class="text ">
          <p><span>禁用状态</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3561" class="ax_default label">
        <div id="u3561_div" class=""></div>
        <div id="u3561_text" class="text ">
          <p><span>由于文本框的disabled状态和外框的disabled状态无法同步样式，所以对于禁用状态的输入框单独做了一份样式。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3562" class="ax_default box_1">
        <div id="u3562_div" class=""></div>
        <div id="u3562_text" class="text ">
          <p><span>Enter something...</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3563" class="ax_default box_1">
        <div id="u3563_div" class=""></div>
        <div id="u3563_text" class="text ">
          <p><span>Enter something...</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3564" class="ax_default label">
        <div id="u3564_div" class=""></div>
        <div id="u3564_text" class="text ">
          <p><span>复合型输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3565" class="ax_default label">
        <div id="u3565_div" class=""></div>
        <div id="u3565_text" class="text ">
          <p><span>在输入框的外部增加按钮或文本框即可</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3566" class="ax_default" data-left="230" data-top="1065" data-width="429" data-height="32">

        <!-- input-border (Rectangle) -->
        <div id="u3567" class="ax_default box_1" data-label="input-border">
          <div id="u3567_div" class=""></div>
          <div id="u3567_text" class="text ">
            <p><span>http://</span></p>
          </div>
        </div>

        <!-- input-border (Rectangle) -->
        <div id="u3568" class="ax_default box_1" data-label="input-border">
          <div id="u3568_div" class=""></div>
          <div id="u3568_text" class="text ">
            <p><span>.com</span></p>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u3569" class="ax_default" data-left="287" data-top="1065" data-width="325" data-height="32">

          <!-- input-border (Rectangle) -->
          <div id="u3570" class="ax_default box_1" data-label="input-border">
            <div id="u3570_div" class=""></div>
          </div>

          <!-- Unnamed (Text Field) -->
          <div id="u3571" class="ax_default text_field">
            <input id="u3571_input" type="text" value=""/>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3572" class="ax_default" data-left="230" data-top="1107" data-width="469" data-height="32">

        <!-- input-border (Rectangle) -->
        <div id="u3573" class="ax_default box_1" data-label="input-border">
          <div id="u3573_div" class=""></div>
          <div id="u3573_text" class="text ">
            <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">http://&nbsp; </span><span style="font-family:'Ionicons';"></span></p>
          </div>
        </div>

        <!-- input-border (Rectangle) -->
        <div id="u3574" class="ax_default box_1" data-label="input-border">
          <div id="u3574_div" class=""></div>
          <div id="u3574_text" class="text ">
            <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">.com&nbsp; </span><span style="font-family:'Ionicons';"></span></p>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u3575" class="ax_default" data-left="307" data-top="1107" data-width="325" data-height="32">

          <!-- input-border (Rectangle) -->
          <div id="u3576" class="ax_default box_1" data-label="input-border">
            <div id="u3576_div" class=""></div>
          </div>

          <!-- Unnamed (Text Field) -->
          <div id="u3577" class="ax_default text_field">
            <input id="u3577_input" type="text" value=""/>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3578" class="ax_default" data-left="230" data-top="1149" data-width="420" data-height="32">

        <!-- input-border (Rectangle) -->
        <div id="u3579" class="ax_default box_1" data-label="input-border">
          <div id="u3579_div" class=""></div>
          <div id="u3579_text" class="text ">
            <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">Day&nbsp; </span><span style="font-family:'Ionicons';"></span></p>
          </div>
        </div>

        <!-- input-border (Rectangle) -->
        <div id="u3580" class="ax_default box_1" data-label="input-border">
          <div id="u3580_div" class=""></div>
          <div id="u3580_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u3581" class="ax_default" data-left="291" data-top="1149" data-width="325" data-height="32">

          <!-- input-border (Rectangle) -->
          <div id="u3582" class="ax_default box_1" data-label="input-border">
            <div id="u3582_div" class=""></div>
          </div>

          <!-- Unnamed (Text Field) -->
          <div id="u3583" class="ax_default text_field">
            <input id="u3583_input" type="text" value=""/>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
